<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/telerik-extensions.css")" rel="stylesheet" type="text/css" />
    @(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.telerik.css")))
</head>
<body>
    <div class="page">

        <div id="header">
            <div id="title">
                <h1>Telerik Extensions for ASP.NET MVC 2012 Q1 : Extended API</h1>
            </div>
            
            @(Html.Telerik().Menu()
                    .Name("menu")
                    .Items(menu => {
                        menu.Add().Text("Home").Action("Index", "Home");
                        menu.Add().Text("About").Action("About", "Home");
                    }))
        </div>

        <div id="main">
            @RenderBody()
            <div id="footer">
            </div>
        </div>
    </div>
    @(Html.Telerik().ScriptRegistrar()
        .Scripts(scripts =>
            scripts.AddGroup("LayoutGroup", group =>
                group.Add("~/Scripts/telerik.extensions.js")
            )
        )
    )
</body>
</html>
